<!DOCTYPE html>
<html lang="en">
 <include file="Public:head" />
<body class="page-body  page-fade" data-url="http://neon.dev">

<div class="page-container"><!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
  
 <include file="Public:sidebar-menu" />

  <div class="main-content">
        
    <include file="Public:top_row" />
    
    <hr />
 
  
    <div class="row">
    <h3>系统报单流程</h3>
     <!--  <ul class="version-highlights">
         
     <li>
       <div class="screenshot">
        
       </div>
         
       <div class="notes">
         <h3>线下付款</h3>
         <p>
          支持线下付款
         
           
         </p>
       </div>
     </li>
         
     <li>
       <div class="screenshot">
         
       </div>
         
       <div class="notes">
         <h3>后台审核</h3>
         <p>
          后台审核
         
         </p>
       </div>
     </li>
         
     <li>
       <div class="screenshot">
         
       </div>
         
       <div class="notes">
         <h3>相应积分返还</h3>
         <p>
           相应积分返还
         </p>
       </div>
     </li>
     
     <li>
      <div class="screenshot">
         
       </div>
         
       <div class="notes">
         <a href="javascript:;" onclick="jQuery('#add_order').modal('show');" class="btn btn-default">点击下单</a>
       </div>
     </li>
         
         </ul> -->
        <form id="rootwizard" method="post" action="" class="form-horizontal form-wizard">
      
      <div class="steps-progress">
        <div class="progress-indicator"></div>
      </div>
      
      <ul>
        <li class="completed">
          <a href="#tab1" data-toggle="tab"><span>1</span>线下付款</a>
        </li>
        <li class="completed">
          <a href="#tab2" data-toggle="tab"><span>2</span>后台审核</a>
        </li>
        <li class="completed">
          <a href="#tab3" data-toggle="tab"><span>3</span>相应积分返还</a>
        </li>
      
       
      </ul>
      
      <div class="tab-content">
        
      
        
       <!--  <ul class="pager wizard">
         <li class="previous first">
           <a href="#">First</a>
         </li>
         <li class="previous">
           <a href="#"><i class="entypo-left-open"></i> Previous</a>
         </li>
         
         <li class="next last">
           <a href="#">Last</a>
         </li>
         <li class="next">
           <a href="#">Next <i class="entypo-right-open"></i></a>
         </li>
       </ul> -->
        
      </div>
    </form>
      
      </div>

  <div class="notes">
         <!-- <a href="javascript:;" onclick="jQuery('#add_order').modal('show');" class="btn btn-default">点击下单</a> -->
  <button onclick="jQuery('#add_order').modal('show');" type="button" class="btn btn-green btn-block">点击下单</button>
       </div>


      <div class="modal fade" id="add_order">
  <div class="modal-dialog" style="width: 60%;">
    <div class="modal-content">
       <form action="__URL__/addOrder" method="post" id="form_addorder" class="validate">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">在线下单</h4>
      </div>
    
      
      <div class="modal-body">
       
        <div class="row">
          
          <div class="col-sm-10">
          
            <div class="row">
              <div class="col-md-12">
                
                <div class="form-group">
                  <label for="field-1" class="control-label">地址</label>
                  
                  <input type="text"  name="address"  value="{$user.user_address}" class="form-control" id="field-1" data-validate="required" data-message-required="请输入地址">
                </div>  
                
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                
                <div class="form-group">
                  <label for="field-2" class="control-label">邮编</label>
                 <input type="text" name="zipcode" data-validate="required" value="{$user.zipcode}"  class="form-control" id="field-2" value="">
                </div>  
                
              </div>
            </div>
             <div class="row">
              <div class="col-md-12">
                
                <div class="form-group">
                  <label for="field-3" class="control-label">订单描述</label>
                 <input type="text" name="desc" class="form-control" id="field-3" value="">
                </div>  
                
              </div>
            </div>

            <div class="row">
              <div class="col-md-12">
                
                <div class="form-group">
                  <label for="field-4" class="control-label">订单数量</label>
                 <input type="text" name="order_num" data-validate="required,number" class="form-control" id="field-4" value="">
                </div>  
                
              </div>
            </div>
   
            
          </div>
          
        </div>
        
      </div>
      
      <div class="modal-footer">
      <button type="submit" class="btn btn-info">提交 </button>
      </div>
      </form>
    </div>

  </div>
</div>
    <br />
    
    <!-- Footer -->
    <include file="Public:footer" />
  </div>

  <!-- Imported styles on this page -->
  <link rel="stylesheet" href="__PUBLIC__/assets/js/jvectormap/jquery-jvectormap-1.2.2.css">
  <link rel="stylesheet" href="__PUBLIC__/assets/js/rickshaw/rickshaw.min.css">

  <!-- Bottom scripts (common) -->
  <script src="__PUBLIC__/assets/js/gsap/main-gsap.js"></script>
  <script src="__PUBLIC__/assets/js/jquery-ui/js/jquery-ui-1.10.3.minimal.min.js"></script>
  <script src="__PUBLIC__/assets/js/bootstrap.js"></script>
  <script src="__PUBLIC__/assets/js/joinable.js"></script>
  <script src="__PUBLIC__/assets/js/resizeable.js"></script>
  <script src="__PUBLIC__/assets/js/neon-api.js"></script>
  <script src="__PUBLIC__/assets/js/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>


  <!-- Imported scripts on this page -->
  <script src="__PUBLIC__/assets/js/jvectormap/jquery-jvectormap-europe-merc-en.js"></script>
  <script src="__PUBLIC__/assets/js/jquery.sparkline.min.js"></script>
  <script src="__PUBLIC__/assets/js/rickshaw/vendor/d3.v3.js"></script>
  <script src="__PUBLIC__/assets/js/rickshaw/rickshaw.min.js"></script>
  <script src="__PUBLIC__/assets/js/raphael-min.js"></script>
  <script src="__PUBLIC__/assets/js/morris.min.js"></script>
  <script src="__PUBLIC__/assets/js/toastr.js"></script>
  <script src="__PUBLIC__/assets/js/neon-chat.js"></script>
    <script src="__PUBLIC__/assets/js/jquery.validate.min.js"></script>


  <!-- JavaScripts initializations and stuff -->
  <script src="__PUBLIC__/assets/js/neon-custom.js"></script>


  <!-- Demo Settings -->
  <script src="__PUBLIC__/assets/js/neon-demo.js"></script>

<script>
  
   document.getElementById("form_addorder").onsubmit = function (e) {  
        var num=   document.getElementById("field-4").value;
      if (num>10) {
        alert('订单数量不能超过10'); e.preventDefault(); 
return false; 
      }
             
            // 
        } 
</script>


</body>

</html>